.indexContainer{
    display: flex;
    height: 100%;
    background: #f4f4f4;
    flex-direction: column;
    header{
        display: flex;
        align-items: center;
        height: .49rem;
        padding:0 .15rem;
        position: relative;
        @include border(0 0 2px 0, #e8e8e8);
        background: #fff;
        width: 100%;    
        img{
            width: .3rem;
            height: .3rem;         
        }
        div{
        margin: 0 .15rem;
         border:1px solid #ddd;
         border-radius: 3px;
         background: #f8f8f8;
         font-size: .15rem;
         padding-left: .05rem;
         height: .34rem;
          width: 100%;
          input{
              border: 0;
              background: #f8f8f8;
          }
        }
        span{
            display: inline-block;
            font-size: .24rem;                
        }
        .ico2{
            color: #FF6520;
        }
    }

      nav{
          height: .46rem;
          width: 100%;
          position: relative;
          text-align: center;
          font-size: .15rem;
          background: #fff;      
          @include border(0 0 2px 0, #e8e8e8);
          ul{
              height: 100%;
              display: flex;
              li{
                  flex: 1;
                  line-height: .45rem;
                  &.show{
                    color:#fc6621 ;
                } 
              }
          }
      }

    main{
        flex: 1;
        overflow: hidden;
    }
    footer{
        height:.41rem;
        width: 100%;
         color: #999;
         font-size: .14rem;
         background: #fff;
         text-align: center;
        ul{
            height: 100%;
            display: flex;
            li{
                flex: 1;
                line-height: .40rem;
                &.active{
                    color: #333;
                }
            }
        }
    }
}